<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解构赋值新增特性</title>
</head>
<body>
    
</body>
<script>
    /*
        解构赋值  --  ES6推出的方便我们直接快速的操作对象的一种新特性
            这前端接收后端数据的时候常常会用到

        语法：  !!!使用{}包裹  只有使用了{}包裹 系统才会知道是结构赋值  并且需要用一个变量修饰let var const之一接收
    */

    let obj = {
        name:'jimmy',
        age:22
    }
    let {name,age} = obj
    console.log(name,age)   //jimmy 22
    /*
        注意点： 在解构赋值的过程中  属性名一定要对象的属性名是一样的  否则系统会找不到这个对象 而返回undefined
    */
    let {a,b} = obj
    console.log(a,b)  // undefined undefined

    // 在函数中使用
    function show({name,age}) {
        console.log(name)  //jimmy
        console.log(age)  //22
    }
    show(obj)
</script>
</html>